<script setup>
import { reactive, ref } from 'vue'

const count = ref(0)
const inf = ref('你好！')
const person = reactive({ name: '李华', sex: '男' })
const change = () => {
  inf.value = 'hellow world'
}
const changePerson = () => {
  person.name = '李文'
}
</script>
<template>
  <h2>{{ inf }}</h2>
  <button @click="change">change</button>
  <p>{{ person }}</p>
  <p>
    <button @click="changePerson">changePerson</button>
  </p>
</template>
